@import "../../../styles/_commonColor.scss";

.paysuccess{
  height: 100vh;
  background: $white;
  .explain{
    padding: 1.02rem 0 .72rem 0;
    background: $white;
    .successImg{
      text-align: center;
      img{
        width: 1.2rem;
        height: 1.2rem;
        line-height: 0;
      }
      &>div{
        font-size: .36rem;
        color: $slidergreen;
        margin-top: .1rem;
      }
    }
    .caption{
      text-align: center;
      font-size: .3rem;
      color: $gray;
      line-height: .5rem;
      margin-top: .3rem;
      padding: 0 .3rem;
    }
  }

  .information{
    padding: .3rem .3rem .3rem 0;
    margin-left: .3rem;
    border-bottom: 1PX solid $borderlinegray;
    &>div{
      font-size: .32rem;
      color: $black;
      line-height: .45rem;

    }
  }

  .orderList{
    background: $white;
    .list{
      margin-left: .3rem;
      min-height: 1.32rem;
      padding: .28rem .3rem .28rem 0;
      position: relative;
      &::after{
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: 1PX;
        content: '';
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        background-color: $borderlinegray;
      }
      .visaType{
        font-size: .32rem;
        color: $black;
        .orderTitle{
          display: inline-block;
          width: 4.5rem;
        }
        .toDetails{
          float: right;
          span{
            font-size: .32rem;
            color: $slidergreen;
            margin-right: .11rem;
          }
          img{
            width: .16rem;
            height: .24rem;
          }
        }
        .orderNum{
          font-size: .24rem;
          color: $gray;
          margin-top: .15rem;
        }
      }
    }
  }
  .banner{
    padding: 0 .3rem;
    line-height: 0;
  }
  .provider{
    font-size: .26rem;
    color: $darkgray;
    text-align: center;
    margin-bottom: .23rem;
  }
  .tel{
    font-size: .24rem;
    color: $gray;
    text-align: center;
  }
}
